<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/30
  Time: 21:43
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <meta charset="utf-8">
    <title>个人中心</title>
<%--    修改成jsp静态包含的方式显示右侧内容--%>
    <link href="${pageContext.request.contextPath}/layui/css/layui.css" rel="stylesheet" />
    <script src="${pageContext.request.contextPath}/layui/layui.js"></script>
    <style>
        body{
            font-family: 宋体;
        }
        .address-left{
            width: 220px;
            height: 280px;
            margin-left: 350px;
            margin-top: 10px;
            margin-bottom: 10px;
            border: 1px solid #848484;
            float: left;
            border-collapse: collapse;
            box-sizing: border-box;
        }
        .address-left tr{
            height: 40px;
            /* border: 1px solid #848484; */
        }
        .address-left1-1{
            background-color: #f27521;
            color: white;
            height: 40px;
            text-align: center;
            line-height: 40px;
        }
        .address-left2{
            background-color: #f4f4f4;
            font-weight: bold;
            width: 100%;
            border-bottom: 3px solid orange;
        }
        .address-left2-1img{
            height: 30px;
            padding-top: 5px;
            box-sizing: border-box;
            margin-left: 5px;
        }
        .address-left2-1{
            line-height: 30px;

        }
        .address-left3{
            border-bottom: 1px dashed darkgray;
        }

        .address-font{
            color: orange;
        }
    </style>
</head>
<body>
<%--商城logo--%>
<%@include file="headtop.jsp"%>
<%--商城分类--%>
<%@include file="headmid.jsp"%>
<%--搜索框引入--%>
<%@ include file="search.jsp"%>


<!-- 会员中心 -->
<table class="address-left">
    <tr class="address-left1">
        <td> <a href="${pageContext.request.contextPath}/personal/index">
            <div class="address-left1-1">会员中心</div>
        </a>
        </td>
    </tr>
    <tr class="address-left2">
        <td>
            <div class="address-left2-1"><a href="javascript:void(0)">
                <img   class="address-left2-1img" src="${pageContext.request.contextPath}/img/trading.png"/>
                交易记录</a></div>

        </td>
    </tr>
    <tr class="address-left3">
        <td>
            <ul type="square" >
                <li> <a href="${pageContext.request.contextPath}/personal/orderShowPage?num=1">
                    我的订单</a></li>
            </ul>
        </td>
    </tr>
    <tr class="address-left2">
        <td>
            <div class="address-left2-1"><a href="javascript:void(0)">
                <img class="address-left2-1img" src="${pageContext.request.contextPath}/img/setting.png"/>
                个人设置</a></div>
        </td>
    </tr>
    <tr class="address-left3">
        <td>
            <ul type="square">
                <li> <a href="${pageContext.request.contextPath}/personal/address">
                    地址管理</a></li>
            </ul>
        </td>
    </tr>
    <tr class="address-left3">
        <td>
            <ul type="square">
                <li> <a href="${pageContext.request.contextPath}/personal/headimage">
                    修改头像</a></li>
            </ul>
        </td>
    </tr>
    <tr class="address-left3">
        <td>
            <ul type="square">
                <li> <a href="${pageContext.request.contextPath}/personal/password">
                    修改密码</a></li>
            </ul>
        </td>
    </tr>
</table>


<%--用于动态切换右边栏的内容--%>
<%--当order对象的值为index的时候显示首页--%>
<c:if test="${not empty index}">
    <%@include file="orderIndexModule.jsp"%>
</c:if>
<c:if test="${not empty address}">
    <%@include file="orderAddressModule.jsp"%>
</c:if>
<c:if test="${not empty password}">
    <%@include file="orderPasswordModule.jsp"%>
</c:if>
<c:if test="${not empty headimage}">
    <%@include file="orderHeadImageModule.jsp"%>
</c:if>
<c:if test="${not empty orderDetail}">
    <%@include file="orderDetailModule.jsp"%>
</c:if>
<c:if test="${not empty order}">
    <%@include file="orderModule.jsp"%>
</c:if>


<!-- 底栏属性 -->
<%@include file="helpinfo.jsp"%>
<!-- 尾栏 -->
<%@include file="footer.jsp"%>
</body>
</html>

